<script lang="ts" setup>
import { QuestionCircleOutlined } from '@ant-design/icons-vue'

const open = ref<boolean>(false)

const showModal = () => {
  open.value = true
}

const handleOk = (e: MouseEvent) => {
  console.log(e)
  open.value = false
}
</script>

<template>
  <a-float-button-group shape="circle" :style="{ right: '24px' }">
    <a-tooltip @click="showModal">
      <template #title>帮助</template>
      <a-float-button>
        <template #icon>
          <QuestionCircleOutlined />
        </template>
      </a-float-button>
    </a-tooltip>

    <a-modal v-model:open="open" title="请联系开发人员！" @ok="handleOk" footer="">
      <a-image src="/src/assets/erweima.png"></a-image>
    </a-modal>

    <!-- top 0 -->
    <a-tooltip>
      <template #title>顶部</template>
      <a-back-top :visibility-height="0" />
    </a-tooltip>
  </a-float-button-group>
</template>
